html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;

    font-size: 10px;
    overflow: hidden;
}

body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;

    font-size: 10px; //为了方便rem比例
    text-shadow: 0 0 1px gray, 0 0 1px gray, 0 0 1px gray;
    
    // border: solid 1px blue;
    overflow: hidden;
    background-repeat: no-repeat !important; //非密铺
    background-position: center !important; //居中
    background-attachment: fixed !important; //不滚动
    background-size: cover !important; //自动缩放
}



// *::-webkit-scrollbar {
//     /*滚动条整体样式*/
//     width: 10px;
//     /*高宽分别对应横竖滚动条的尺寸*/
//     height: 1px;
// }

// *::-webkit-scrollbar-thumb {
//     /*滚动条里面小方块*/
//     border-radius: 10px;
//     background-color: skyblue;
//     background-image: -webkit-linear-gradient(45deg,
//             rgba(255, 255, 255, 0.2) 25%,
//             transparent 25%,
//             transparent 50%,
//             rgba(255, 255, 255, 0.2) 50%,
//             rgba(255, 255, 255, 0.2) 75%,
//             transparent 75%,
//             transparent);
// }

// *::-webkit-scrollbar-track {
//     /*滚动条里面轨道*/
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
//     background: #ededed;
//     border-radius: 10px;
// }

div {
    font-size: 2rem;
    line-height: 2rem;
}


.hidden {
    display: none;
}